<template>
  <div class="health">
    <Header title="健康档案卡" />
    <Imgtext path="healthWrite" />
    <Readonly :arr="arr" />
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import Imgtext from "@/components/imgText.vue";
import Header from "@/components/header.vue";
import Readonly from "@/components/readOnly.vue";
export default Vue.extend({
  components: {
    Imgtext,
    Header,
    Readonly,
  },
  data() {
    return {
      arr: [
        {
          title: "身体状况",
          list: [
            {
              sub: "作息时间",
              text: "正常",
            },
            {
              sub: "饮食规律",
              text: "一日3餐",
            },
            {
              sub: "喜欢食物",
              text: ["米饭", "水果类", "肉食"],
            },
            {
              sub: "喜欢饮品",
              text: ["碳酸类饮料", "果汁", "酒"],
            },
            {
              sub: "平时做何种运动",
              text: ["散步", "跑步", "健身操"],
            },
          ],
        },
        {
          title: "测量信息",
          list: [
            {
              sub: "身高（cm）",
              text: 175,
            },
            {
              sub: "体重（kg）",
              text: "56",
            },
            {
              sub: "脂肪量",
              text: "",
            },
            {
              sub: "脂肪率",
              text: "",
            },
            {
              sub: "BMI",
              text: "",
            },
          ],
        },
      ],
    };
  },
});
</script>
<style scoped>
.list_content li span:nth-child(1) {
  width: 34%;
}
</style>